<div class="accordion js-accordion">
<h2 class="h2">Accordion Heading</h2>
<div class="accordion__item js-accordion-item is-expanded">
<div class="accordion__toggle-wrap js-accordion-item-toggle">
<h3 class="accordion__title">Accordian 1 title</h3>
<button class="accordion__toggle-btn icon-chevron-red-circle-gray"><span class="u-visuallyhidden">Toggle accordion item</span></button>
</div>
<div class="accordion__expand u-cf">
<img src="/images/temp/accordion-1.jpg" class="accordion__image accordion__image--float-left" alt="#">
<div class="rtf">
Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco Lorem ipsum dolor sit amet, consectetur. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis. consequat. Donec dignissim lobortis dapibus. Etiam venenatis consectetur urna, sit amet aliquam lorem porta sit amet. Vivamus venenatis hendrerit felis, in porta arcu.
</div> <!-- .rtf -->
</div>
</div>
<div class="accordion__item js-accordion-item is-collapsed">
<div class="accordion__toggle-wrap js-accordion-item-toggle">
<h3 class="accordion__title">Accordian 2 title</h3>
<button class="accordion__toggle-btn icon-chevron-red-circle-gray"><span class="u-visuallyhidden">Toggle accordion item</span></button>
</div>
<div class="accordion__expand u-cf">
<img src="/images/temp/accordion-1.jpg" class="accordion__image accordion__image--float-right" alt="#">
<div class="rtf">
Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco Lorem ipsum dolor sit amet, consectetur. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.
</div> <!-- .rtf -->
</div>
</div>
<div class="accordion__item js-accordion-item is-collapsed">
<div class="accordion__toggle-wrap js-accordion-item-toggle">
<h3 class="accordion__title">Accordian 3 title</h3>
<button class="accordion__toggle-btn icon-chevron-red-circle-gray"><span class="u-visuallyhidden">Toggle accordion item</span></button>
</div>
<div class="accordion__expand u-cf">
<img src="/images/temp/accordion-1.jpg" class="accordion__image accordion__image--float-left" alt="#">
<div class="rtf">
Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco Lorem ipsum dolor sit amet, consectetur
</div> <!-- .rtf -->
</div>
</div>
</div> <!-- .accordion -->
Accordion
Templates this appears on: